@layout("/common/_container.html"){
<script src="${ctxPath}/static/js/plugins/echarts/echarts-all.js"></script>


<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-sm-3">
            <#SelectCon id="category" name="种类"  code="categoryCode"/>
        </div>
        <div class="col-sm-3">
            <#SelectCon id="dateType" name="时间类型" onchange="PredicationChart.dateTypeOnchange()">
            <option >请选择</option>
            <option value="1">年</option>
            <option value="2">月</option>
           </#SelectCon>
        </div>

        <div id="yearDiv" class="col-sm-3"  style="display: none;">
            <#TimeCon id="year" name="预测年份" isTime="false"/>
        </div>

        <div id="monthDiv" class="col-sm-3" style="display: none;">
            <#TimeCon id="month" name="预测月份" isTime="false"/>
        </div>

        <div class="col-sm-3">
            <#button name="检索" icon="fa-search" clickFun="PredicationChart.search()"/>
        </div>
    </div>

    <br/>

    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>多因素预测</h5>
                    <div class="ibox-tools">
                    </div>
                </div>
                <div class="ibox-content">
                    <div id="main" class="echarts"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${ctxPath}/static/modular/predication/prediction_chart.js"></script>
<script>
    laydate.render({
        elem: '#year'
        , type: 'year'
    });
    laydate.render({
        elem: '#month'
        , type: 'month'
    });
</script>

@}
